import React from 'react';
import styles from './index.less';
import { Form, Input, Button, Checkbox, message } from 'antd';
import { connect } from 'umi';
import IconFont from '@basicComp/IconFont';
import Avatar from '@/components/antdPro/GlobalHeader/AvatarDropdown';
import { SearchOutlined, PlusOutlined } from '@ant-design/icons';
import Carousel from './Carousel';

@connect(({}) => ({}))
export default class extends React.Component {
  render() {
    return (
      <div className={styles.pageRoot}>
        <img className={styles.bg} src={require('./img/earthDown.png')} />

        <div className={styles.content}>
          <div className={styles.header}>
            <div className={styles.logo}>
              <img
                className={styles.logoIcon}
                src={require('./img/logo.png')}
              />
            </div>
            <div className={styles.right}>
              <Avatar menu />
            </div>
          </div>

          <div className={styles.space}>
            <div className={styles.title}>
              <div className={styles.left}>
                <div className={styles.text1}>
                  <IconFont
                    type="icon-changyongkongjianicon"
                    style={{ marginRight: '12px' }}
                  />
                  常用工作空间
                </div>
                <div className={styles.text2}>Common workspace</div>
              </div>
              <div className={styles.right}>
                <div className={styles.button1}>
                  <Button
                    icon={<PlusOutlined />}
                    href={'/workSpace/createSpace'}
                    target="_blank"
                  >
                    创建工作台
                  </Button>
                </div>
              </div>
            </div>

            <Carousel />
          </div>
        </div>
      </div>
    );
  }
}
